14 Effective CSS Select Menu Showcase

1. Scroll Menu | Tag Vertical Navigation

featured image

Scroll Menu

Scroll menu lets you insert tag points on the document as shortcode. Every Tag point it will automatically added to the Scroll Menu as a button, giving users of your site a better experience and navigation control on large or medium pages.You may customize the position of the menu and the styles/colors of button.Position of Menu

Added the capability to select between scroll or fixed position of buttons

More Details

2. CSS3 Menu

CSS3 Menu

CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forw

ard and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.

You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.

More Details

3. jQuery CSS3 Sticky Mega Menu Bar

featured image

Tired of ‘sticky header’ plugins that make that annoying 150 height header stay always on top? Here it’s the solution: Sticky Mega Menu. Just select what DOM object is your UL based menubar in, and the script will make it sticky on top of your screen whenever your visitors scroll your page. The plugin also works as a menu CSS vertical dropdown Mega Menu, and comes in 5 different menubar templates, 2 menu templates and infinite menu levels.

More Details

4. Zozo Tabs

featured image

All customization can be handled via jQuery options, HTML5 data attributes and CSS. Zozo Tabs allows you to create custom menu wordpress themes and customize your own build suited to your individual needs, modify, include or remove certain modules (reduce size of css by 90%) such as vertical, underlined, multiline, responsive etc. But for beginners and anyone new to CSS it is highly recommended to just start with the full package, without having to worry which modules are necessary.Added: Lighter weight, more efficient and completely reorganised, cleaned and commented CSS style. Added: Source folder which contains all modules of the Zozo Tabs divided into multiple small CSS files. Added: Callback events, ready, select, deactivate, beforeSend (AJAX), contentLoad (AJAX) and error (AJAX)

Added: Option maxRows which will be used to switch to CSS dropdown menu generator when executed

Added: Option minWindowWidth which will be used switch to CSS dropdown menu tutorial

Touch-Enabled – Tabs are displayed in a CSS dropdown menu tutorial with touch enabled events and fast CSS3 Transitions, view Mobile Tabs

Makes URL automatically change when you select tabs and you can easily link to specific tab with hashtag. Powerfull API – Zozo Tabs has a lot of public methods which you can use to control the tabs, view Public methods demo and callback events (select, deactivate, etc) view Callback events docs. Event/Action – Zozo Tabs supports click/mousehover to select a tab. Automatically Scrolling – When clicking on tabs/downlown menu on smaller screens, it will scroll automatically to show your content. Source and Minified CSS

Source folder for advanced css customization (create your own build with specific modules to minize the size)

More Details

5. NANO UI - CSS3 Web Elements UI Kit

featured image

Pure CSS3 Form Select

Pure CSS3 Form Multi-Select

CSS3 Button Menu Pills

More Details

6. PBK Mega Menu for Wordpress

featured image

You can now add a link-to address for each menu item if you want it to link to another page when clicked

More color/skin choices (including a custom option) on the mega menu wordpress options page

Click/hover behavior choice on the mega drop menu options page

About PBK Mega Menu for Wordpress

PBK Mega Menu Plugin for Wordpress is your easy way to add a functional and customizable Mega Menu to your Wordpress website. Adding menu items and content is just like adding posts or pages… If you know how to use Wordpress, then you already know how to use the mega menu wordpress plugins plugin. If you’re down with CSS, you can style the menu to your heart’s delight by uploading a file named “userdefined-mega-menu.css” with your custom styles in the same directory as your theme’s primary stylesheet. Please leave comments as to what styles and options you would like to see in the PBK Mega Menu Plugin and I will try my best to work in the best/most requested ones into future updates.After installing/activating the mega menu plugin, make sure to go to the Mega Menu Options page, select a color choice and click the “Update Options” button. A color choice is not selected by default and your mega menu may not display properly until you have chosen one.Fixed an issue that was preventing the plugin from loading css and javascript if the plugin folder was named anything other than ‘pbkmegamenu’.Fixed an issue that was limiting the number of menu items to what was set for maximum number of posts in the Wordpress ‘reading’ settings

More Details

7. Javascript Huge Horizontal Menu

featured image

NEW! Javascript HUGE Horizontal menu with custom colors & effects

Select how many items per row

Select menu opening speed – fast / slow / medium

Select opening effect – show / fade / slide

Select opening direction – top/ bottom

More Details

8. Smart Skinable Tabs

featured image

You can customize the look and feel of any skin in a dedicated CSS file. Auto load the css and jquery file.Please checked the ui load from settings menu ,if your theme do not load jquery ui by default.You have not need to write with out tiny mce editor plugin you can select different types of combination. add option to setting menu to mane the load of jquery and jQuery UI slider

More Details

9. WordPress Hide Admin Menu Plugin

featured image

The wordpress hide admin menu items Menu plugin helps you hide admin menu and gallery wordpress plugin items in wordpress admin bar CSS area based on user role. Simply select the checkboxes corresponding to HTML5 dropdown menu and user role and Save. You’ll have a simplified menu for your clients, users. That will help you hide some important menu items that you don’t want them to access, like settings page, account detail page, etc. The plugin hide admin bar Menu plugin works well with custom user roles and menu items added by other plugins and compatible with WordPress MultiSite.Highlights in wordpress theme gallery Menu v2.Highlights in Hide Admin Menu v2.Hide admin menu, admin bar items for Administrators.Ability to hide items in admin menu editor tutorial and admin bar.Works with menu items added by other plugins. With Your plugin Hide admin menu and User-role-editor , i can do everything i want about user role.

More Details

10. JavaScript Fast Links

featured image

Just select some text from your web page, right click and a lots of actions becomes available for that selection!

The shortcuts to the web sites and services are accessible through a context menu which is sensitive to the current selected text form the web page.Basically all you need to do, is just select some text, right click over it and all the available actions will be listed in a very nice CSS customizable context menu offering fast access to a lots of web sites and services that can be open considering the text selection.The script is highly customizable, various themes can be applied via CSS , restrict the allowed plugins, change the shortcut combination of keyboard + mouse etc.detect if the selected text can be an URL and offer ‘Open Link’ menu entry (like Firefox does);

More Details

11. Ultimate WP Menu Bar

featured image

Ultimate WordPress Menu Manger is a slider wordpress plugin user friendly plugin which lets you to create awesome responsive menubar with multi-functionality within minutes using default wordpress menu management system.* Menu transition: 3 different ways to present your menu .* Integration System: Add menu in any html element you want, or replace you old menu.* Extended menu manager : Default menu manager extended with options:

Position attribute : To make menu item float on left or right.Add social share shortcode in any menu item or sub item . Create menu using existing menu manager. Goto to ultimate bar settings and CSS select menu to activate.

More Details

12. Switcher (jQuery)

featured image

“Switcher” allows you to create a custom styled dropdown select menu that lets you switch between websites.

More Details

13. navIgo - Multipurpose Responsive Navigation Plugin

featured image

In addition, any plugin parameter can be overwritten directly from each menu <ul> data-attributes.Valid XHTML / CSS 3 markup

Multiple menus on one page: and you can control almost anything for each menu, easy!

Button mouseover or click behavior: you can select button interaction (it reflects in responsive mode too!)

Smart options management: each plugin parameter can be overwritten by an equivalent data attribute inside the <ul> tag of each menu, in this way you can set overall rules for all navbars on the website, but you can customize each menu simply adding attributes in the markup!

Alpha or slider jQuery plugin FX for menu dropdown horizontal wordpress levels

Useful css class based element override: you can override buttons or dropdowns style simply adding classes.Responsive toggle-menu button: you can enable or disable a menu wrapper with show/hide automatic button. Added tab mode (menu can be used as a tabbed interface)

Some CSS improvements

More Details

14. Post Info & Social Blocks - WordPress Plugin

featured image

Simple color select boxes in the settings section make it easy for anybody with the basic WordPress know-how to go in and match the color scheme to there website.

More Details

15. Javascript Huge Vertical Menu

featured image

NEW! Javascript HUGE vertical menu with custom colors & effect

Select how many items per row

Select menu opening speed – fast / slow / medium

Select opening effect – show / fade / slide

Select opening direction – left / right

More Details